<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<img src="https://img1.baidu.com/it/u=4048209882,2061624048&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1713286800&t=5eda50cd0fa47d422599abebc5506903"
 alt="可达鸭" title="可达鸭" width="200" 
>

<img src="pic/pig.jpg">
<img src="../resource/pika.jpg">



<p>img 标签和 map 标签联动  通过 img标签的usemap属性和map中的name属性联动</p>
<img src="pic/nv.jpg" usemap="#one">
<map name="one">
    <area shape="rect" coords="133,297,395,410" href="https://www.baidu.com/" target="_blank">
</map>


</body>
</html>